<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang='en' xml:lang='en' xmlns='http://www.w3.org/1999/xhtml'>
  <head>
    <title>
      Professional Screencast Tutorials | PeepCode Screencasts for Web Developers and Alpha Geeks
    </title>
    <link href='http://peepcode.com/products.rss' rel='alternate' title='RSS' type='application/rss+xml' />
    <link href='http://peepcode.com/fluid-icon.png' rel='fluid-icon' title='PeepCode' />
    <meta content='text/html; charset=utf-8' http-equiv='Content-Type' />
    <meta name="viewport" content="initial-scale=0.355555555555556, user-scalable=yes, width=900" />
    <link href="/stylesheets/all.css?1232557517" media="screen" rel="stylesheet" type="text/css" />
    <link href="/stylesheets/forms.css?1232557450" media="screen" rel="stylesheet" type="text/css" />
  </head>
  <body class='pages' id='body'>
    <ul id='menu'>
      <li>
        <a href="/pages/subscribe">Subscribe</a>
      </li>
      <li>
        <a href="/questions">FAQ</a>
      </li>
      <li>
        <a href="/pages/community">Community</a>
      </li>
      <li>
        <a href="https://www.apple.com/cn/" class="feed">RSS</a>
      </li>
      <li>
        <a href="https://cn.bing.com/">Login <span class="amp">&amp;</span> Signup</a>
      </li>
    </ul>
    <div class='container clearfix'>
      <div class='column double'>
        <a href="/" class="blind_link"><h1 id="logo"><span>PeepCode</span></h1></a>
        <b>粗体文本</b><br/>
        <a href="https://www.apple.com/cn/">普通链接</a>
        <a href="https://www.apple.com/cn/"><b>粗体链接</b></a>
        <p>
          <a href="https://www.apple.com/cn/"><img alt="Meet-merb-pdf-draft" src="https://pre-img.welike.in/720_img-5A1F0EFAAED14EA49E7CB2B17AE8393B.gif" /></a>
        </p>
        <p>PeepCode Screencasts are a high-intensity way to learn Ruby on Rails website development.</p>
        
        
        	<p>Experienced developers have said that PeepCode is <strong>&#8220;fantastic and the price is a steal.&#8221;</strong> Designer/developers have said they are &#8220;exactly the type of instruction I need to pick up new things and understand how they work.&#8221; Others have said they are <strong>&#8220;phenomenal&#8221;</strong>, <strong>&#8220;quality&#8221;</strong> and <strong>&#8220;totally worth more to me than $9!&#8221;</strong></p>
        
        
        	<p>A new hour-long video screencast is released each month. <a href="http://peepcode.com/products/rails-from-scratch-part-i">Rails from Scratch Part I</a> and <a href="http://peepcode.com/products/rails-from-scratch-part-ii">II</a> are available now.</p>
        
        
        	<p>Buy a single episode or <a href="/products/subscription-pack-of-10">subscribe</a> today! <a href="http://peepcode.com/pages/subscribe">Team and site licenses</a> are also available.</p>
        
        
        	<ul>
        	<li>Full downloads&#8230;no <span class="caps">DRM</span> or restrictive browser-only viewing.</li>
        		<li>Every episode available in iPod format for viewing on the road.</li>
        		<li>Full source code provided with every episode.</li>
        		<li><a href="/pages/quicktime-chapter-track">Chapter track</a> on most screencasts for easy navigation.</li>
        		<li>Cutting-edge topics</li>
        		<li><a href="/pages/subscribe">Bulk purchases available</a> for companies or teams.</li>
        		<li>Some screencasts available in Ogg Theora format (currently available for <a href="https://peepcode.com/products/git">Git</a>, <a href="https://peepcode.com/products/rails-from-scratch-part-i">Rails from Scratch Part I</a> and <a href="https://peepcode.com/products/rails-from-scratch-part-ii">Part II</a>).</li>
        	</ul>
        
        
        	<p><small>Do you have a coupon code? <a href="/login">Login</a> or <a href="/signup">signup</a> and enter it on your account page.</small></p>
        
        
        	<h3>Speedy Delivery!</h3>
        
        
        	<p>We&#8217;ve upgraded our bandwidth and have implemented a new download system that should be much faster than the old one. Try it out and let us know how it works for you.</p>
        
        
        	<h3>Suggestions</h3>
        
        
        	<p>Topic suggestions are welcome via email or at our <a href="http://suggestions.peepcode.com/">suggestion box</a>.</p>
        
        
        	<h3>T-Shirts</h3>
        
        
        	<p>PeepCode t-shirts are now available! Get yours at RubyRags! For <a href="http://rubyrags.com/products/7">Men</a> and <a href="http://rubyrags.com/products/8">Women</a>.</p>
      </div>
      <div class='column single first'>
        <a href="/products/rails-from-scratch-part-i" class="preview"><img alt="Rails101" src="https://pre-img.welike.in/720_img-4753A6FF57BB44FE8D578E6E44B095B4.gif" title="Rails from Scratch Screencast" /></a>
        <div class='sidebar sidebar_alt clearfix'>
          <h2>New!</h2>
          <ul class='products'>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'><b> -- test -- </b>
                <img alt="New" class="bug" src="https://pre-img.welike.in/720_img-0ffedbaf58fe4889840122df704da591.jpg" />
                <a href="http://peepcode.com/products/haml-and-sass">Haml and Sass</a>
              </span>
            </li>
          </ul>
        </div>
        <div class='sidebar sidebar_alt clearfix'>
          <h2>
            <strong>Screencasts</strong>
          </h2>
          <ul class='products'>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                <img alt="New" class="bug" src="https://pre-img.welike.in/720_img-d2a48f2aaa0e4a729e3996859d6dda24.jpg" />
                <a href="http://peepcode.com/products/haml-and-sass">Haml and Sass</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/meet-emacs">Meet Emacs</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>19
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/productivity-for-programmers">Productivity for Programmers</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/xmpp">XMPP/Jabber with Ruby</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/couchdb-with-rails">CouchDB with Rails</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/phusion-passenger">Phusion Passenger</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/rest-for-rails-2">REST for Rails 2</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/textmate-for-rails-2">TextMate for Rails 2</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/screencasting-on-the-mac">Screencasting on the Mac</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/rspec-user-stories">RSpec User Stories</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/capistrano-2">Capistrano 2</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/git">Git</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/rspec-controllers-and-tools">RSpec Controllers and Tools</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/rspec-mocks-and-models">RSpec Mocks and Models</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/ajax-with-prototypejs">Ajax with Prototype.js</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/rspec-basics">RSpec Basics</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/rails-from-scratch-part-ii">Rails 2 from Scratch Part II</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/rails-from-scratch-part-i">Rails 2 from Scratch Part I</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/javascript-with-prototypejs">Javascript with Prototype.js</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/benchmarking-with-httperf">Benchmarking with httperf</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/page-action-and-fragment-caching">Page, Action, and Fragment Caching</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/rjs-templates">RJS Templates</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/test-first-development">Test-First Development for Rails</a>
              </span>
            </li>
          </ul>
        </div>
        <h2>
          <strong>Free</strong> Samples
        </h2>
        <ul class='products'>
          <li>
            <a href="http://peepcode.com/system/uploads/2009/peepcode-028-haml-sample.mov">Haml and Sass</a>
          </li>
          <li>
            <a href="http://peepcode.com/system/uploads/2008/peepcode-027-emacs-preview.mov">Meet Emacs</a>
          </li>
          <li>
            <a href="http://peepcode.com/system/uploads/2008/peepcode-026-productivity-preview.mov">Productivity for Programmers</a>
          </li>
        </ul>
        <h2>
          What <strong>People</strong> Are Saying About <strong>PeepCode</strong>
        </h2>
        <blockquote>
          &#8220;PeepCode is awesome!&#8221;
          <cite>
            Tim O'Reilly, O'Reilly Media
          </cite>
        </blockquote>
        <blockquote>
          &#8220;These things are fantastic and the price is a steal. I strongly urge you to support this effort and buy the episodes. What a terrific way to learn!&#8221;
          <cite>
            <a href="http://rubyi.st/2006/10/11/restful-peepcode">Scott Barron, Rails Core Committer</a>
          </cite>
        </blockquote>
        <blockquote>
          &#8220;The quality and content of the screencasts
          are phenomenal...PeepCode is the first referral I give friends looking to dive into specific topics.&#8221;
          <cite>
            Shai Shefer
          </cite>
        </blockquote>
        <blockquote>
          &#8220;PeepCode on productivity raises the bar, way higher than it's ever been before.&#8221;
          <cite>
            <a href="http://twitter.com/gilesgoatboy/statuses/1127986753">Giles Bowkett</a>
          </cite>
        </blockquote>
        <blockquote>
          &#8220;[The Haml and Sass screencast was] very helpful. I've been wanting to learn both of these for a long time. I personally learn faster with screencasts and this one gave me a good jumping off point.&#8221;
          <cite>
            <a href="http://www.tagcow.com/">Matthew Nichols, Co-Founder of TagCow</a>
          </cite>
        </blockquote>
        <p>
          &rarr; <a href="http://peepcode.com/press">More Reviews</a>
        </p>
      </div>
      <div class='column single last'>
        <a href="/products/rspec-basics" class="preview"><img alt="Rspec" src="https://pre-img.welike.in/720_img-8c7c52b71a4046e5bba98911e5dd265c.jpg" title="rSpec Behavior Driven Development" /></a>
        <div class='sidebar clearfix'>
          <h2>Subscriptions</h2>
          <ul class='products'>
            <li>
              <span class='price'>
                <sup>$</sup>149
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/unlimited">PeepCode Unlimited</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>70
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/subscription-pack-of-10">Pack of 10 Credits</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>40
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/subscription-pack-of-5">Pack of 5 Credits</a>
              </span>
            </li>
          </ul>
        </div>
        <div class='sidebar clearfix'>
          <h2>
            <strong>PDF</strong> Books
          </h2>
          <ul class='products'>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/thinking-sphinx-pdf">Thinking Sphinx PDF</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/unobtrusive-prototype-js">Unobtrusive Prototype.js</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/rails-on-facebook">Rails on Facebook</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/rails-security-audit-pdf">Rails Security Audit PDF</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/mms2r-pdf">Receiving Email with Ruby PDF</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/git-internals-pdf">Git Internals PDF</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/rails-2-plugin-patterns">Plugin Patterns for Rails 2</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/meet-merb-pdf-draft">Meet Merb PDF Draft</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/activemerchant-pdf">ActiveMerchant PDF</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/rails-2-pdf">Rails 2 PDF</a>
              </span>
            </li>
            <li>
              <span class='price'>
                <sup>$</sup>9
              </span>
              <span class='product_title'>
                
                <a href="http://peepcode.com/products/rails-code-review-pdf">Rails Code Review PDF</a>
              </span>
            </li>
          </ul>
        </div>
        <h2>
          Have a <strong>Coupon?</strong>
        </h2>
        <p>
          <a href="http://peepcode.com/login">Login</a> or <a href="http://peepcode.com/signup">signup</a> and enter the code on your <a href="http://peepcode.com/peepers/account/edit">account</a> page. If it is still valid you will be able to <a href="http://peepcode.com/products">browse the list of products</a> and redeem an episode.
        </p>
        <div class='sidebar'>
          <h2>
            <strong>Subscribe!</strong>
          </h2>
          <p>
            <strong>Save money</strong> and learn a lot, too! <a href="/products/unlimited">PeepCode Unlimited</a> gives you access to everything we publish for a full year. A <a href="/products/subscription-pack-of-10">10 Pack</a> will save you $20 and a <a href="/products/subscription-pack-of-5">5 Pack</a> will save you $5.
          </p>
          <p>
            <strong>Site licenses</strong> and team subscriptions are also available! Contact <a href="mailto:peepcode@topfunky.com">peepcode@topfunky.com</a> with the number of developers you have and the number of credits you would like to buy and we will send you a <strong>personalized quote</strong>.
          </p>
        </div>
      </div>
    </div>
    <div class='clearfix' id='footer'>
      <div class='container'>
        <div class='column'>
          <h2>
            <strong>PeepCode</strong> Network
          </h2>
          <p>
            Your purchase of PeepCode products helps support quality content from these individuals:
          </p>
          <ul>
            <li>
              <a href="http://ryandaigle.com">Ryan Daigle</a>
            </li>
            <li>
              <a href="http://www.rubyinside.com/">Ruby Inside</a>
            </li>
            <li>
              <a href="http://slash7.com">Amy Hoy</a>
            </li>
            <li>
              <a href="http://akitaonrails.com/">Fabio Akita</a>
            </li>
            <li>
              <a href="http://nubyonrails.com">Nuby on Rails</a>
            </li>
            <li>
              <a href="http://blog.leetsoft.com/">Tobias Lutke</a>
            </li>
            <li>
              <a href="http://therailsway.com">Buck <span class="amp">&amp;</span> Koziarski</a>
            </li>
            <li>
              <a href="http://podcast.rubyonrails.com">Ruby on Rails Podcast</a>
            </li>
          </ul>
        </div>
        <div class='column'>
          <h2>
            <strong>Feeds</strong> (RSS)
          </h2>
          <ul>
            <li>
              <a href="http://peepcode.com/products.rss" class="feed">Full-length Screencasts</a>
            </li>
          </ul>
          <h2>
            <strong>Feeds</strong> (ATOM)
          </h2>
          <ul>
            <li>
              <a href="http://peepcode.com/products.atom" class="feed">Full-length Screencasts</a>
            </li>
          </ul>
        </div>
        <div class='column'>
          <h2>
            <strong>Contact</strong>
          </h2>
          <p>
            <a href="mailto:peepcode@topfunky.com">peepcode@topfunky.com</a>
          </p>
          <p>
            <div class='vcard'>
              <a class='url fn hide' href='http://peepcode.com'>
                PeepCode Screencasts
              </a>
              <div class='org'>
                Topfunky Corporation
              </div>
              <div class='adr'>
                <div class='street-address'>
                  1808 NW 83rd St.
                </div>
                <span class='locality'>Seattle</span>, <span class='region'>WA</span> <span class='postal-code'>98117</span>
                <abbr class='country-name' title='United States of America'>
                  USA
                </abbr>
              </div>
            </div>
          </p>
          <p class='small'>&copy;2006&ndash;2008 <a href="http://topfunky.com">Topfunky Corporation</a></p>
        </div>
        <div class='column'>
          <h2>
            <strong>Sponsors</strong>
          </h2>
          <a href="http://railsmachine.com/" class="sponsor" id="rails-machine" target="_blank">RailsMachine</a>
          <a href="http://www.samsontech.com/products/brandpage.cfm?brandID=2" class="sponsor" id="samson" target="_blank">Samson Audio</a>
        </div>
      </div>
    </div>
    <script src="/javascripts/all.js?1232557517" type="text/javascript"></script>
    <script src="https://ssl.google-analytics.com/urchin.js" type="text/javascript">
    </script>
    <script type="text/javascript">
    _uacct = "UA-70855-3";
    urchinTracker();
    </script>
  </body>
</html>
